<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<body>
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="title">Gestionar Movimientos</ui:define>
		<ui:define name="body">
			<h:form id="moviForm">
				<rich:panel columns="4">
					<f:facet name="header">
						<h:outputText value="Gestionar movimientos de caja" />
					</f:facet>
					<h:panelGrid columns="4">
						<h:panelGrid columns="1">
							<h:outputText value="Seleccionar filial:" />
							<h:selectOneMenu id="zonamovimientos"
								value="#{admConsultasBean.codZonaActual}">
								<f:selectItem itemValue="-1" itemLabel="Todas" />
								<f:selectItem
									itemValue="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.codigo}"
									itemLabel="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.nombre}" />
								<f:selectItems value="#{admConsultasBean.zonasAsociadas}"
									var="zonaAsoc" itemLabel="#{zonaAsoc.nombre}"
									itemValue="#{zonaAsoc.codigo}" />
							</h:selectOneMenu>
						</h:panelGrid>

						<h:panelGrid columns="1">
							<h:outputText value="Fecha desde:" />
							<rich:calendar value="#{admConsultasBean.fechaDesde}"
								id="calFechaDesde" locale="ES" popup="true"
								datePattern="dd/MM/yyyy" showApplyButton="false" required="true"
								requiredMessage="La fecha desde es requerida.">
							</rich:calendar>
						</h:panelGrid>

						<h:panelGrid columns="1">
							<h:outputText value="Fecha hasta:" />
							<rich:calendar value="#{admConsultasBean.fechaHasta}"
								id="calFechaHasta" locale="ES" popup="true"
								datePattern="dd/MM/yyyy" showApplyButton="false" required="true"
								requiredMessage="La fecha hasta es requerida.">
							</rich:calendar>
						</h:panelGrid>

						<h:panelGrid columns="1">
							<h:outputText value="&nbsp;" scape="true" />
							<a4j:commandButton value="Consultar"
								action="#{admConsultasBean.doConsultar}" id="botonconsultar"
								render="tablaMov,mensajes,datascrollMov,saldos" />
						</h:panelGrid>
					</h:panelGrid>

					<h:messages errorStyle="color:red" id="mensajes" />
					<h:panelGrid columns="1" id="panelEliminar">
						<h:outputText value="#{admConsultasBean.mensaje}"
							rendered="#{admConsultasBean.showButtons}" />

						<h:panelGrid columns="2" rendered="#{admConsultasBean.showButtons}" >
							<a4j:commandButton value="Confirmar"
								action="#{admConsultasBean.doConfirmar}"
								render="tablaMov,datascrollMov,mensajes,confirmacion,panelEliminar,panelTabla"
								rendered="#{admConsultasBean.showButtons}">
								<f:setPropertyActionListener
									value="#{admConsultasBean.codMovimiento}"
									target="#{admConsultasBean.codMovimiento}" />
							</a4j:commandButton>

							<a4j:commandButton value="Cancelar"
								action="#{admConsultasBean.doCancelar}"
								render="tablaMov,datascrollMov,mensajes,confirmacion,panelEliminar,panelTabla"
								rendered="#{admConsultasBean.showButtons}">
							</a4j:commandButton>
						</h:panelGrid>
					</h:panelGrid>

					<h:panelGrid columns="1" id="panelModificar">
						<h:outputText value="#{admConsultasBean.mensaje}"
							rendered="#{admConsultasBean.showButtonsMod}" />
						<h:panelGrid columns="4"
							rendered="#{admConsultasBean.showButtonsMod}">


						<h:panelGrid columns="1" rendered="#{admConsultasBean.showButtonsMod}">
							<h:outputText value="Filial:" />
							<h:selectOneMenu id="filialesMov"
								value="#{admConsultasBean.codZonaMov}">
								<f:selectItem
									itemValue="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.codigo}"
									itemLabel="#{admConsultasBean.usuarioLogueado.zonaSeleccionada.nombre}" />
								<f:selectItems value="#{admConsultasBean.zonasAsociadas}"
									var="zonaAsoc" itemLabel="#{zonaAsoc.nombre}"
									itemValue="#{zonaAsoc.codigo}" />
							</h:selectOneMenu>
						</h:panelGrid>
						
						<h:panelGrid columns="1" rendered="#{admConsultasBean.showButtonsMod}">
							<h:outputText value="Cuenta:" />
							<h:selectOneMenu id="cuentas"
								value="#{admConsultasBean.cuentaCod}">
								<f:selectItems value="#{admConsultasBean.cuentas}"
									var="cuenta" itemLabel="#{cuenta.descripcion}"
									itemValue="#{cuenta.codigo}" />
							</h:selectOneMenu>
						</h:panelGrid>

							<h:panelGrid columns="1"
								rendered="#{admConsultasBean.showButtonsMod}">
								<h:outputText value="Fecha:" />
								<rich:calendar value="#{admConsultasBean.fecha}" id="calreg"
									locale="ES" popup="true" datePattern="dd/MM/yyyy"
									showApplyButton="false" required="true"
									requiredMessage="La fecha del movimiento es requerida.">
								</rich:calendar>
							</h:panelGrid>

							<h:panelGrid columns="1"
								rendered="#{admConsultasBean.showButtonsMod}">
								<h:outputText value="Importe:" />
								<h:inputText value="#{admConsultasBean.importe}"
									requiredMessage="El importe es requerido." style="width:60px">
									<f:validateLongRange minimum="-1000000" maximum="1000000"></f:validateLongRange>
								</h:inputText>
							</h:panelGrid>
							</h:panelGrid>

						<h:panelGrid columns="4"
							rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2
							 and admConsultasBean.movimiento.nroFactura ne null and  admConsultasBean.movimiento.nroFactura ne '' }">
								<h:panelGrid>
									<h:outputText value="Tipo de Comprobante:"
										rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" />
									<h:selectOneMenu
										rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}"
										value="#{admConsultasBean.tipoFactura}">
										<f:selectItems value="#{admConsultasBean.tiposFacturas}" />
									</h:selectOneMenu>
								</h:panelGrid>

								<h:panelGrid>
									<h:outputText value="Nro. Comprobante:"
										rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" />
									<h:panelGroup colums="3">
										<h:inputText value="#{admConsultasBean.nroFactura1}"
											label="Nro. Factura" style="width:25px" id="nroFac1"
											rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" maxlength="4"
											onblur="completeInput(this,4)" />
										<h:outputText value=" - "
											rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" />
										<h:inputText value="#{admConsultasBean.nroFactura2}"
											label="Nro. Factura" style="width:50px" id="nroFac2"
											rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" maxlength="8"
											onblur="completeInput(this,8)" />
									</h:panelGroup>
								</h:panelGrid>

								<h:panelGrid>
									<h:outputText value="CUIT:"
										rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" />
									<h:inputText value="#{admConsultasBean.cuit}"
										label="CUIT del Vendedor"
										rendered="#{admConsultasBean.movimiento.tipoOperacion.codigo eq 2}" size="11"
										maxlength="11">
										<f:validator
											validatorId="com.asambleacristiana.utils.CuitValidator" />
									</h:inputText>
								</h:panelGrid>
						</h:panelGrid>

						<h:panelGrid columns="4"
							rendered="#{admConsultasBean.showButtonsMod}">
							<h:panelGrid columns="1"
								rendered="#{admConsultasBean.showButtonsMod}">
								<h:outputText value="Detalle:" />
								<h:inputText value="#{admConsultasBean.detalle}"
									style="width:250px" />
							</h:panelGrid>
						</h:panelGrid>

						<h:panelGrid columns="2"
							rendered="#{admConsultasBean.showButtonsMod}">
							<a4j:commandButton value="Modificar"
								action="#{admConsultasBean.doConfirmarImporte}"
								render="tablaMov,datascrollMov,mensajes,confirmacion,panelModificar,panelTabla"
								rendered="#{admConsultasBean.showButtonsMod}">
								<f:setPropertyActionListener
									value="#{admConsultasBean.codMovimientoMod}"
									target="#{admConsultasBean.codMovimientoMod}" />
							</a4j:commandButton>

							<a4j:commandButton value="Cancelar"
								action="#{admConsultasBean.doCancelar}"
								render="tablaMov,datascrollMov,mensajes,confirmacion,panelModificar,panelTabla"
								rendered="#{admConsultasBean.showButtonsMod}">
							</a4j:commandButton>
						</h:panelGrid>
					</h:panelGrid>

					<h:panelGrid id="panelTabla">
						<h:panelGrid rendered="#{(admConsultasBean.showButtonsMod eq false) and (admConsultasBean.showButtons eq false)}">
							<rich:dataTable value="#{admConsultasBean.movimientos}" 
							
								var="movimiento" id="tablaMov" rows="5" rowKeyVar="row"
								border="0" cellpadding="4" cellspacing="0" rules="all">

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Nro. Comp." />
									</f:facet>
									<h:outputText value="#{movimiento.nroComprobante}" />
								</rich:column>


								<rich:column>
									<f:facet name="header">
										<h:outputText value="Filial" />
									</f:facet>
									<h:outputText value="#{movimiento.zona.nombre}" />
								</rich:column>

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Fecha" />
									</f:facet>
									<h:outputText value="#{movimiento.fecha}">

										<f:convertDateTime pattern="dd/MM/yyyy" />
									</h:outputText>
								</rich:column>


								<rich:column>
									<f:facet name="header">
										<h:outputText value="Operación" />
									</f:facet>
									<h:outputText value="#{movimiento.tipoOperacion.descripcion}" />
								</rich:column>

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Cuenta origen" />
									</f:facet>
									<h:outputText value="#{movimiento.desde.descripcion}" />
								</rich:column>
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Cuenta destino" />
									</f:facet>
									<h:outputText value="#{movimiento.hasta.descripcion}" />
								</rich:column>

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Detalle" />
									</f:facet>
									<h:outputText value="#{movimiento.detalle}" />
								</rich:column>


<!-- 								<rich:column> -->
<!-- 									<f:facet name="header"> -->
<!-- 										<h:outputText value="Tipo" /> -->
<!-- 									</f:facet> -->
<!-- 									<h:outputText value="#{movimiento.tipoFactura}" /> -->
<!-- 								</rich:column> -->

<!-- 								<rich:column> -->
<!-- 									<f:facet name="header"> -->
<!-- 										<h:outputText value="Nro. Factura" /> -->
<!-- 									</f:facet> -->
<!-- 									<h:outputText value="#{movimiento.nroFactura}" /> -->
<!-- 								</rich:column> -->

<!-- 								<rich:column> -->
<!-- 									<f:facet name="header"> -->
<!-- 										<h:outputText value="Vendedor" /> -->
<!-- 									</f:facet> -->
<!-- 									<h:outputText value="#{movimiento.nroCuit}" /> -->
<!-- 								</rich:column> -->

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Importe" />
									</f:facet>

									<h:outputText value="#{movimiento.importe}">
										<f:convertNumber currencySymbol="$" type="currency" />
									</h:outputText>

								</rich:column>

								<rich:column>
									<f:facet name="header">
										<h:outputText value="Acciones" />
									</f:facet>

									<h:panelGrid columns="2">
									<a4j:commandButton value="Eliminar"
										action="#{admConsultasBean.doBorrar}"
										render="tablaMov,datascrollMov,mensajes,confirmacion,panelEliminar,panelModificar,panelTabla">
										<f:setPropertyActionListener value="#{movimiento.codigo}"
											target="#{admConsultasBean.codMovimiento}" />
									</a4j:commandButton>
									
									<a4j:commandButton value="Modificar"
									action="#{admConsultasBean.doModificar}"
									render="tablaMov,datascrollMov,mensajes,confirmacion,panelModificar,panelEliminar,panelTabla">
										<f:setPropertyActionListener value="#{movimiento.codigo}"
											target="#{admConsultasBean.codMovimientoMod}" />
									</a4j:commandButton>
									</h:panelGrid>
								</rich:column>
							</rich:dataTable>
							<rich:dataScroller id="datascrollMov" for="tablaMov"
								maxPages="10" />
						</h:panelGrid>

					</h:panelGrid>




				</rich:panel>
			</h:form>
			<f:verbatim>
				<script language="javascript">//<![CDATA[
					function completeInput(obj,i) {
					  while (obj.value.length > 0 && obj.value.length<i){
					    obj.value = '0'+obj.value;
					  }
					}
				//]]></script>
			</f:verbatim>

		</ui:define>
	</ui:composition>

</body>
</html>
